import { Row, Col } from 'antd'
import './App.css';
import React from 'react';
import SideMenu from './components/SideMenu'
import Header from './components/Header'
import Footer from './components/Footer'
import Lunbo from './components/Lunbo'
import { Pathner } from './components/Pathner'
import { productList1, productList2, productList3 } from './mockdata/2.js'
import ProducCollection from './components/ProducCollection'
var img1 = 'https://ftp.bmp.ovh/imgs/2021/04/ff8824bf623acce2.png'
var img2 = 'https://ftp.bmp.ovh/imgs/2021/04/2b3f6895ff145210.png'
var img3 = 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-0113d566-d450-4ea0-839d-c4972a6140fd/8c0005b1-226d-4a8d-b6bb-e4028e572dee.png'

class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      data1: 1
    }
  }


  render() {
    return (

      <div className='App'>
        <Header></Header>
        <div className='page-content'>
          <Row style={{ marginTop: 20 }}>
            <Col span={6}>
              <div style={{}}>
                <SideMenu></SideMenu>
              </div>
            </Col>
            <Col span={18}>
              <div style={{}}>
                <Lunbo></Lunbo>
              </div>
            </Col>
          </Row>
          {/* 热门产品推荐组件  */}
          <ProducCollection
            title='热门推荐'
            type={1}

            sideImage={img1}
            products={productList1}
          >

          </ProducCollection>
          {/* 组件的高级复用  城市推荐  */}
          <ProducCollection
            title='城市推荐'
            type={2}

            sideImage={img2}
            products={productList2}
          >

          </ProducCollection>
          {/* 组件的高级复用  游玩项目推荐  */}
          <ProducCollection
            title='项目推荐'
            type={3}

            sideImage={img3}
            products={productList3}
          >

          </ProducCollection>

          {/* 合作伙伴组件 */}
          <Pathner></Pathner>
        </div>
        <Footer></Footer>
      </div>



    )


  }




}








export default App;
